@charset "utf-8";
/* CSS Document */
body{background-color:#fff; overflow-x:hidden; color:#666; font-size:12px; font-family: microsoft yahei , "宋体"; position:relative;}/*网站字体颜色*/

.header , .content , .footer , .container{margin-left:auto; margin-right:auto; width:1200px; font-family:microsoft yahei;}
.fw_banner{left:50%; margin-left:-960px; position: relative; height:305px; overflow:hidden; width:1920px; }
.ab_banner{left:50%; margin-left:-960px; position: relative; overflow:hidden; width:1920px; }
/*页眉*/
/*.header{width:100%; overflow:hidden; background-color:#fff;}
.header .header_top{ overflow:hidden; height:130px;}
.header .header_top .logo{ float:left; overflow:hidden}
.header .logo dt{ float:left; margin-top:20px; margin-right:23px;}
.header .logo dd{ float:left; margin-top:30px;}
.header .logo dd h2{ font-size:24px; color:#fe0b0b; font-weight:normal; margin-bottom:8px;}
.header .logo dd h3{ font-size:14px; color:#fe0b0b; font-weight:normal; margin-bottom:8px;}
.header .logo dd p{ font-size:12px;}
.header .logo dd a{ color:#333}
.header .logo dd .a1{ padding-right:15px; border-right:1px dotted #ccc; margin-right:15px;}
.header .header_right{ float:right; overflow:hidden;}
.header .header_right .header_top_nav{ overflow:hidden; margin-top:10px; margin-bottom:20px;}
.header .header_right .header_top_nav li{ float:left; padding:0 15px; border-right:1px dotted #ccc;}
.header .header_right .header_top_nav .last{ border:none; padding-right:0}
.header .header_right .header_top_nav .last a{ color:#fe0b0b;}
.header .header_right .header_phone{ width:312px; height:44px; background:url(../Img/header_phone.png) no-repeat center; overflow:hidden; margin-left:0px;}
.header .header_right .header_phone li{ float:left; margin:0 10px; line-height:18px;}
.header .header_right .header_phone li img{ position:relative; top:4px; left:-3px;}
.header .header_right .header_phone ul{ border-right:1px dotted #b8b8b8; float:left; margin-left:50px; overflow:hidden; margin-top:12px;}
.header .header_right .header_phone span{ display:block; font-size:24px; color:#fe0b0b; float:left; line-height:44px; font-weight:normal; margin-left:8px;}

.header .header_nav{ overflow:hidden; width:100%; height:60px; background-color:#02308f; position:relative}
.header .header_nav b{ display:block; width:458px; height:3px; background-color:#fe0b0b; position:absolute; left:0; top:0}
.header .header_nav p{ width:0px; height:3px; background-color:#fe0b0b;}
.header .header_nav ul{ overflow:hidden; height:57px;}
.header .header_nav li{ float:left; width:133px; line-height:57px; font-size:16px;padding:0px; text-align:center; background:url(../Img/nav_bor.png) no-repeat left center}
.header .header_nav li a{ color:#fff; text-decoration:none; display:block}
.header .header_nav .first{ background:none}
.header .header_nav .cur a,.header .header_nav li:hover a{ color:#fe0b0b; font-weight:bold}
*/

/*顶部导航*/
.topbj{width:100%; height:35px; background-color:#2c2c2c;}
.topbj .toplf{ padding-top:10px;width:70%; height:25px; float:left; color:#DFDFDF;}
.topbj .topmid{ padding-top:10px;width:30%; height:25px; float:left; text-align:right; color:#DFDFDF; font-weight:bold;}
.topbj .toprt{width:20%; height:25px; float:right; text-align:right; padding-top:5px;}
.w1200{width:1200px; margin:0 auto; padding:0px; position:relative;}
/*网站导航*/
.g-wrap {position:relative; margin:0 auto; width:1200px; height:100%; overflow:hidden; }
#header {position:relative; z-index:5; height:79px;}
#logo {position:absolute; top:5px; left:1px; width:350px; height:70px; background:url(../img/Logo.jpg) no-repeat 0 0;}
#nav {position:absolute; top:0px; right:0px; z-index:4; height:99%;overflow:hidden;}
#nav li {float:left; height:100%; -webkit-transition:background-color 700ms; transition:background-color 700ms;}
#nav .n1 {width:100px;}
#nav .n2, #nav .n3, #nav .n5, #nav .n6, #nav .n7, #nav .n8 {width:100px;}
#nav .n4 {width:100px;}
#nav li a {position:relative; z-index:2; display:block; width:100%; height:100%; font-weight:bold; text-decoration:none; font-size:14px; line-height:79px; text-align:center; color:#666; -webkit-transition:color 200ms; transition:color 200ms;}
#nav li a.on {color:#F2F7FD;}
#nav li a span {position:absolute; left:0; top:0; z-index:2; width:100%; height:100%;}
#nav li a .bkg {top:100%; z-index:1; background-color:#f00; -webkit-transition:top 200ms; transition:top 200ms;}
#nav li a.on .bkg,
#nav li a:hover .bkg {top:0;}
#shop {position:absolute; bottom:0; right:0; z-index:5;width:80px; height:100%; background:#fff; border-left:1px solid #e5e5e5;}
#shop .btn-lang { margin-top:30px; margin-left:10px; float:left;  width:30px; height:100%; text-align:center; font-weight:bold; font-size:13px; font-weight:normal; color:#666369; }
#shop .btn-lang:hover {color:#ff2424;}

#content { position:relative; overflow:hidden; }
#subNav {position:absolute; top:0; left:0px; z-index:4; width:100%; height:61px; /*overflow: hidden;*/}
#subNav .g-wrap {overflow:visible;}
#subNav .g-wrap .item {position:absolute; top:-100%; width:100%; height:100%; background-color:#4c4a4f; overflow:hidden; -webkit-transition:top 300ms; transition:top 300ms;}
#subNav .g-wrap .canpin {left:700px; padding:0 27px; /*width:835px;*/}
#subNav .g-wrap .about {left:600px; padding:0 27px; /*width:835px;*/}
#subNav .g-wrap .news {left:900px; padding:0 27px; /*width:752px;*/}
#subNav .g-wrap .relation {left:940px; padding:0 5px;/* width:643px;*/}
#subNav .g-wrap .service {left:1100px; padding:0 27px; /*width:573px;*/}


#subNav .g-wrap .on {top:0; z-index: 2;}
#subNav .g-wrap .item a {float:left; padding:0 16px; font-weight:normal; font-size:14px;text-decoration:none; line-height:61px; color:#d2ced5;-webkit-transition:color 300ms; transition:color 300ms;}
#subNav .g-wrap .item a:hover {color:#FFFF99;}
#subNav .g-wrap .item #on {color: #f63b2e;}


/*footer*/
.footer{ overflow:hidden; height:250px; width:100%; background-color:#171717; position:relative}
.footer ul{ overflow:hidden; margin-top:35px; padding-bottom:25px; border-bottom:1px solid #454545; margin-bottom:30px;}
.footer ul li{ float:left; width:72px; text-align:center; font-size:14px; border-left:1px dotted #454545; padding:0 20px;}
.footer ul li a{ color:#d6d6d6;}
.footer ul .first{ padding-left:0; border:none}
.footer ul .last{width:70px; padding-right:0}
.footer .center{ overflow:hidden}
.footer .center dl{ overflow:hidden; float:left; padding-top:10px; height:80px; border-right:1px dotted #454545; padding-right:10px;}
.footer .center dt{ float:left; margin-right:8px; width:300px; height:80px;}

.footer .center h2{ font-size:24px; color:#fff; font-family:"方正正粗黑简体"; margin-top:10px;}
.footer .center dd p{ font-size:12px; color:#fff; font-family:"方正正粗黑简体"}
.footer .center .dizhi{ float:left; padding-left:16px; height:100px; border-right:1px dotted #454545; padding-right:14px;width:400px;}
.footer .center .dizhi p{ line-height:24px; color:#8e8e8e;}
.footer .center .phone{ background:url(../Img/foot_phone.png) no-repeat 10px center; padding-left:50px; text-align:right; float:left; padding-top:30px; height:70px; overflow:hidden; padding-right:20px; margin-left:10px;}
.footer .center .phone p{ font-size:12px; color:#fff;}
.footer .center .phone em{ font-size:24px; color:#ce0000; font-family:Arial;}
.footer .center .ewm{ overflow:hidden; height:100px; float:left; margin-left:12px; width:200px;}
.footer .center .ewm img{ float:left; margin-right:10px;}
.footer .center .ewm p{ color:#a7a7a7; float:left}
.footer .center .ewm b{ font-size:14px; display:block}

.mt10{margin-top:10px;}


/*qq、返回顶部*/
.youce{width:54px; float:right; position:fixed; right:-3px; bottom:25px;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));_margin-bottom:15px; z-index:10000;}
.youce ul li{margin-bottom:3px; width:41px; background:#CE0000;}
.youce ul li:hover{background:red;}
.youce ul li a{display:block; width:41px; height:41px;}
.youce ul li a.yc1{background:url(../Img/yc_01.png) no-repeat center;}
.youce ul li a.yc2{background:url(../Img/yc_02.png) no-repeat center;}
.youce ul li a.yc3{background:url(../Img/yc_03.png) no-repeat center; width:41px; height:41px; position:relative;}
.youce ul li a.yc3 .wx_box{width:153px; padding-right:9px; display:none; cursor:default; position:absolute; bottom:0px; right:40px;}
.youce ul li a.yc3 .yc_weixin{background:#fff; padding:12px 11px 0px 11px; border:1px solid #d6d6d6;}
.youce ul li a.yc3 .yc_weixin span{display:block; line-height:30px; color:#333; text-align:center;}
.youce ul li a.yc4{background:url(../Img/yc_04.png) no-repeat center;}
.youce ul li a.yc3:hover .wx_box{display:inline;}

/*翻页*/
.case_page{margin:0 auto; padding:0px; position:relative; width:100%;}
.job-page{padding: 0 10px; line-height: 30px; font-size: 12px;}
.all-page{float: left;}
.all-page span{color:#008cd6;}
.flip-page{float: right;}
.flip-page ul{text-align: center;}
.flip-page li{float:left; margin-left: 5px;  height: 22px; line-height: 22px; border:1px solid #000;}
.flip-page li a{margin: 0; padding: 0; display: block; display: block; padding: 0 5px;}
.flip-page li a:hover{color: #ec6500;}
.flip-page li a.active{color: #ec6500;}
.flip-page li a.default{color: #d7d7d7; cursor:default;}
.now-page{float: right; margin-right: 5px;}
.now-page span{color:#ec6500; padding: 0 5px;}
.page{margin-bottom:10px; padding:5px 5px 8px 8px; width:95%; clear:both;height:28px; font-size:12px; color:#666; text-align: right;line-height: 30px;}